.order-pay {
	.pay-container {
		background-color: #fff;
		.pay-tips--image {
			text-align: center;
			padding: (255rpx - 156rpx)/2 30rpx;
			image {
				width: 194rpx;
				height: 156rpx;
			}
		}
		.pay-content {
			text-align: center;
			.pay-content--info {
				font-size: 30rpx;
				font-weight: normal;
				font-stretch: normal;
				line-height: 1;
				letter-spacing: 0rpx;
				color: #2c2c35;
			}
			.pay-content--price {
				margin-top: 42rpx;
				font-size: 50rpx;
				font-weight: normal;
				font-stretch: normal;
				line-height: 1;
				letter-spacing: 0rpx;
				color: $primary-6;
			}
			.pay-content--actions {
				margin-top: 42rpx;

				display: flex;
				align-items: center;
				justify-content: space-between;
				padding: 0 123rpx 30rpx;
				.pay-content--btn {
					text-align: center;
					width: 170rpx;
					height: 60rpx;
					border-radius: 30rpx;
					border: solid 1rpx #7b8196;
					font-size: 28rpx;
					font-weight: normal;
					font-stretch: normal;
					line-height: 60rpx;
					letter-spacing: 0rpx;
					color: #2c2c35;
					cursor: pointer;
				}
			}
		}
	}

	.pay-recommend {
		background-color: #fff;
		margin-top: 20rpx;
		.recommend--header {
			font-size: 36rpx;
			font-weight: normal;
			font-stretch: normal;
			letter-spacing: 0rpx;
			color: #2c2c35;
			text-align: center;
			padding-top: 59rpx;
			padding-bottom: 30rpx;
			display: flex;
			align-items: center;
			justify-content: center;
			.recommend--header--divider {
				display: inline-block;
				width: 20rpx;
				height: 4rpx;
				background-color: #2c2c35;
				margin: 0 8rpx;
			}
		}

		.recommend-nodata {
			text-align: center;
			padding: 150rpx 30rpx;
			image {
				width: 257rpx;
				height: 200rpx;
			}
			.recommend-nodata--tips {
				margin-top: 50rpx;
				font-size: 28rpx;
				font-weight: normal;
				font-stretch: normal;
				letter-spacing: 0rpx;
				color: #aeafc0;
			}
		}
	}
}
